<template>
  <div>
    <tabbar :dataLsit="data" @clickEvent="handleClick" :fristname="fristname" style="margin-left: 0"></tabbar>
    <div v-show="!key">
      <videopage></videopage>
    </div>
    <div v-show="key">
      <mvPage></mvPage>
    </div>

  </div>

</template>

<script setup>
import videopage from "~/pages/video/components/videoPage.vue"
import mvPage from "~/pages/video/components/mvPage.vue"
import tabbar from "~/pages/fristPage/singer/components/tabbar.vue"
import {ref, onMounted} from 'vue'
import {useRouter, useRoute} from "vue-router";


const router = useRouter()
const route = useRoute()
const fristname = ref('视频列表')
const key = ref(0)

const handleClick = (item) => {
  key.value = item.key
}


const data = ref([
  {
    key: 0,
    path: '/videoList',
    name: '视频列表'
  },
  {
    key: 1,
    path: '/mvList',
    name: 'mv列表'
  }
])

</script>

<style scoped>

</style>